//注意：使用该组件之前，请首先设置全局path属性，方法为：在调用改js的页面，添加var path = "<%=path%>";
//创建文件上传DIV
var fileName;
var filePath;
var id;
function createDIV(fid){
	var title = '产品图片上传';
/*************************创建div基本结构********************************************/
	if($("#fileUploadDiv").attr("id")!=null){
		return;
	}
	var div = '<div id="fileUploadDiv">';
		div += '<div id="head"><span class="title">'+title+'</span></div>';
		div += '<div id="toolBar"></div>';
		div += '<div id="uploadContent"></div>';
		div += '</div>';
//将div添加到body中
	$(div).appendTo('body');
	
/*************************创建关闭按钮********************************************/
	var closeBar = '<dl class="closeBar"><dt class="close" id="closer" style="cursor:hand;"></dt></dl>';
	$(closeBar).appendTo("#head");
	$("#closer").click( function () {
//		点击按钮时将该DIV从dom中删除
		$("#fileUploadDiv").remove(); 
	}); 
	
/*************************创建工具栏********************************************/
	var toolBar = '<dl id="add" style="cursor:hand;"><dt class="add"></dt><dd>添加一行</dd></dl>';
	$(toolBar).appendTo('#toolBar');
	$("#add").click(function (){
//		每点击一下，就添加一条记录
		var recordList = $("#fileTable");
		recordList.append(newRecord(recordList.find("tr").size()));
	});
//	添加保存按钮
	var save  = '<dl id="ajaxSubmit" style="cursor:hand;"><dt class="save"></dt><dd>保存</dd></dl>';
	$(save).appendTo('#toolBar');
	$("#ajaxSubmit").click(function (){
//		上传所有的文件
		$(":file").each(function(){
			var value = $(this).val();
			if(value==""){
			}else{
				ajaxUpload($(this).attr("id"),path+'/system/ajaxFileUpload/ajaxUpload.action');
			} 
		});
	});
// 添加保存并关闭按钮
	var saveAddClose  = '<dl id="ajaxSubmitAndClose" style="cursor:hand;"><dt class="save"></dt><dd>保存并关闭</dd></dl>';
	$(saveAddClose).appendTo('#toolBar');
	$("#ajaxSubmitAndClose").click(function (){
//		上传所有的文件
		$(":file").each(function(){
			var value = $(this).val();
			if(value==""){
			}else{
				ajaxUpload($(this).attr("id"),path+'/system/ajaxFileUpload/ajaxUpload.action');
				id=fid;
				$("#fileUploadDiv").remove(); 
			} 
		});
	});

/*************************创建文件上传区域********************************************/
	var fileTable = '<table class="fileTable" id="fileTable">';
		fileTable += '<tr id="file_0">';
		fileTable += '<td><input type="file" class="text" name="upload" id="upload_0"></td>';
		fileTable += '<td><img src="'+path+'/images/system/gtk-del.png" style="cursor:hand;" onclick="del(0)"/></td>';
		fileTable += '</tr>';
	$(fileTable).appendTo('#uploadContent');	
	
/*************************设置div的显示位置********************************************/	
	var left = ($(document.body).width())/2-250;
	var top = ($(document.body).height())/2-200;
	$("#fileUploadDiv").css({'top':top+'px','left':left+'px'});
	
}

/*************************添加一条记录********************************************/	
function newRecord(index){
	var insert = '<tr class="tableData formData" id="file_'+index+'">';
	insert = insert + '<td><input type="file" class="text" name="upload" id="upload_'+index+'"></td>';
	insert = insert + '<td><img src="'+path+'/images/system/gtk-del.png" style="cursor:hand;" onclick="del('+index+')"/></td>';
	insert = insert + '</tr>';
	return insert;
}
//删除一条记录
function del(index){
	var tr = $("#file_"+index);
	tr.remove();
}

/*************************ajax上传方法********************************************/	
function ajaxUpload(fileId,url){
	$.ajaxFileUpload(
        {
            url:url,//用于文件上传的服务器端请求地址
            secureuri:false,//一般设置为false
            fileElementId:fileId,//文件上传空间的id属性  <input type="file" id="file" name="file" />
            dataType: 'json',//返回值类型 一般设置为json
            success: function (data, status)  //服务器成功响应处理函数
            {
        	fileName = data.fileName;
        	$("#"+id).val(fileName);
            //从服务器返回的json中取出message中的数据,其中message为在struts2中action中定义的成员变量
            },
            error: function (data, status, e)//服务器响应失败处理函数
            {
                alert(e);
            }
        }
    )
}
